import { createRouter, createWebHashHistory } from 'vue-router'
const routes = [
  {
    path: '/',
    name: 'home',
    component: () => import('../views/Home.vue')
  },
  {
    path: '/store',
    name: 'store',
    component: () => import('../views/Store.vue')
  },
  {
    path: '/myRecipes',
    name: 'myRecipes',
    component: () => import('../views/MyRecipes.vue')
  },
  {
    path: '/recipesItem',
    name: 'recipesItem',
    component: () => import('../views/RecipesItem.vue')
  },
  {
    path: '/createRecipes',
    name: 'createRecipes',
    component: () => import('../views/CreateRecipes.vue')
  },
  {
    path: '/plan',
    name: 'plan',
    component: () => import('../views/Plan.vue')
  },
  {
    path: '/recipesDetails',
    name: 'recipesDetails',
    component: () => import('../views/RecipesDetails.vue')
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
